﻿@model TumbaloSoft.Helpers.QueryObjects.BusquedaEmpleado
@{
    
    ViewBag.Title = "Listado de Empleados";
    if (ViewBag.permiso == 3 || ViewBag.permiso == 0)
    {

        Layout = "~/Views/Shared/_AdministradorGeneralLayout.cshtml";

    }

    if (ViewBag.permiso == 2)
    {

        Layout = "~/Views/Shared/_AdministradorEdificiosLayout.cshtml";

    }
}

<script>
    $(document).ready(function () {
        var id = $("#id");

        function updateTips(t) {
            tips
                .text(t)
                .addClass("ui-state-highlight");
            setTimeout(function () {
                tips.removeClass("ui-state-highlight", 1500);
            }, 500);
        }

        $("#dialog-form").dialog({
            autoOpen: false,
            height: 600,
            width: 600,
            modal: true,
            buttons: {
                "Buscar": function () {
                    document.getElementById('busqueda').submit()
                    $(this).dialog("close");
                },
                Cancelar: function () {
                    $(this).dialog("close");
                }
            },
            close: function () {
                allFields.val("").removeClass("ui-state-error");
            }
        });

        $("#buscar")
            .button()
            .click(function () {
                $("#dialog-form").dialog("open");
            });
    });

</script>


<script>
    function siguientePagina() {
        var form = document.getElementById("Busqueda");
        var prPage = document.createElement("div");
        prPage.innerHTML = "<input type='hidden' value='@ViewBag.nextPage' id='prPage' name='prPage'>";
        document.getElementById("busqueda").appendChild(prPage);
        document.getElementById("busqueda").submit();
    }

    function anteriorPagina() {
        var form = document.getElementById("Busqueda");
        var prPage = document.createElement("div");
        prPage.innerHTML = "<input type='hidden' value='@ViewBag.prevPage' id='prPage' name='prPage'>";
        document.getElementById("busqueda").appendChild(prPage);
        document.getElementById("busqueda").submit();
    }
</script>


<body id="page5">
<!-- content -->
		<div class="body2">
			<div class="main">
				<section id="content">
					<div class="wrapper">
                        <!--ESTA COLUMNA ES PARA EL MENU DE NAVEGACION DE LA IZQUIERDA-->
                        <article class="col0">
                            <nav class="urbangreymenu">
                                <h3 class="headerbar">Listado Empleados</h3>
                                    <ul id="subMenu">
                                        <li><h5>@Html.ActionLink("Nuevo Empleado","Registrar","Empleados")</h5></li>
                                        <li><h5>@Html.ActionLink("Lista Empleados","Index","Empleados")</h5></li>
                                    </ul>
                            </nav>
                        </article>

                         <!--BUSQUEDA-->
                        <div id="dialog-form" title="Busqueda de Empleado">
                        <p class="validateTips">Ingrese Los criterios de Busqueda</p>

                        <form id="busqueda" method="get" action="/Empleados">
                                       	<div class="row">
                                            <!--NOMBRE-->
											<span><br>Nombre </span>
											<br>
                                               @Html.TextBoxFor(model => model.prNombre, new { style = "border: 1px solid black" }) 
                                               @Html.ValidationMessageFor(model => model.prNombre,null ,new{style = "float: none"}) 
                                            <br> 
                                            <!--APELLIDO PATERNO-->
                                            <span><br>Apellido Paterno </span>
                                            <br>
                                               @Html.TextBoxFor(model => model.prApellidoPaterno, new { style = "border: 1px solid black" }) 
                                               @Html.ValidationMessageFor(model => model.prApellidoPaterno,null ,new{style = "float: none"}) 
                                            <br>   
                                            <!--APELLIDO MATERNO-->
                                            <span><br>Apellido Materno </span>
                                            <br>
                                               @Html.TextBoxFor(model => model.prApellidoMaterno, new { style = "border: 1px solid black" }) 
                                               @Html.ValidationMessageFor(model => model.prApellidoMaterno,null ,new{style = "float: none"}) 
                                            <br> 
                                            <!--SEXO-->
                                            <br> 
                                            <div class="row_select" style="margin-left: 5px; margin-top: -5px;">
                                            <span>Sexo </span>
                                            <br> 
                                                <select name="prSexo" style="margin-left: 0px; width: 150px; height: 20px; border: 1px solid black">    
                                                    <option value="">-Elija una opcion-</option>                             
                                                    <option value="M">Masculino</option>
                                                    <option value="F">Femenino</option>
                                                </select>                                               
                                            </div>
                                            <br> 
                                            <!--EMAIL-->
                                            <span><br>Email </span>
                                            <br>
                                               @Html.TextBoxFor(model => model.prEmail, new { style = "border: 1px solid black" }) 
                                               @Html.ValidationMessageFor(model => model.prEmail,null ,new{style = "float: none"}) 
                                            <br>     

                             
                                            <!--TIPO DE EMPLEADO-->
                                            <div class="row_select"">
                                                <table style="width:420px">
                                                    <tr>
                                                        <td style="width: 210px"><span>Tipo Empleado:</span></td>
                                                        <td style="width: 210px">   
                                                             <select id="prTipoEmpleado.prIdTipoEmpleado" name="prTipoEmpleado.prIdTipoEmpleado">                                                         
                                                                <option value="0">-Elija una opcion-</option>
                                                                @foreach (var objTipo in ViewBag.listaTipoEmpleado)
                                                                {                                                                                                       
                                                                    <option value="@objTipo.prIdTipoEmpleado">@objTipo.prDescripcion</option>
                                                                }
                                                            </select>
                                                        </td>                                              
                                                    </tr>
                                                </table>
                                            </div>  
                                            
                                            <!--EDIFICIO-->
                                                                                       
                                            <div class="row_select"">
                                                <table style="width:420px">
                                                    <tr>
                                                        <td style="width: 210px"><span>Edificio:</span></td>
                                                        <td style="width: 210px">   
                                                             <select id="prEdificio.prIdEdificio" name="prEdificio.prIdEdificio">                                                         
                                                                <option value="0">-Elija una opcion-</option>
                                                                @foreach (var objTipo in ViewBag.listaEdificio)
                                                                {                                                                                                       
                                                                    <option value="@objTipo.prIdEdificio">@objTipo.prNombre</option>
                                                                }
                                                            </select>
                                                        </td>                                              
                                                    </tr>
                                                </table>
                                            </div>
                                               
                                            <!--SUELDOHORAMIN-->
                                            <span><br>Sueldo S/.</span>
                                            <br>
                                               <span>Sueldo Minimo </span>
                                               @Html.TextBoxFor(model => model.prSueldoHoraMin, new { style = "border: 1px solid black" }) 
                                              
                                            <br>   
                                            <br>
                                               <span>Sueldo Maximo</span>
                                               @Html.TextBoxFor(model => model.prSueldoHoraMax, new { style = "border: 1px solid black" }) 
                                              
                                            <br>             
									   </div>
                                       			
								   </form>
                        </div>          
                        <!--FIN BUSQUEDA-->

						<article class="col1">
                            <!--Formulario -->
							<div class="pad2">
								<h2 class="pad_bot1 pad_top1">Lista de Empleados</h2>
									
                                   <form id="ContactForm" method="post">
                                       	<div  class="wrapper">
                                            <br>
                                            <a id="buscar">Buscar</a>
											<br>
                                            <br>
                                            <table border ="0" id="indice">
                                                <tr>
                                                    <th>ID</th>
                                                    <th>Nombre </th>
                                                    <th>Sexo</th>
                                                    <th>Tipo Empleado</th>
                                                    <th>Edificio</th>
                                                    <th>Sueldo Por Hora S/.</th>
                                                    <th>Editar</th>
                                                    <th>Eliminar</th>
                                                </tr>
                                                <!--Aca lleno la lista de empleados-->
                                                @foreach (var empleado in ViewBag.listaEmpleado)
                                                {
                                                    <tr class="alt">
                                                        <td>@empleado.prIdEmpleado</td>
                                                        <td>@(empleado.prNombre +" "+ empleado.prApellidoPaterno)</td>
                                                        <td>@empleado.prSexo</td>
                                                        <td>@empleado.prTipoEmpleado.prDescripcion</td>
                                                        <td>@empleado.prPeriodoLaboral.prEdificio.prNombre</td>
                                                        <td>@empleado.prSueldoHora</td>                                                 
                                                        <td><a href="/Empleados/Modificar?id=@empleado.prIdEmpleado"><img  src="../Content/site/images/icono_modificar.png" /></a></td>
												        <td><a href="/Empleados/Eliminar?id=@empleado.prIdEmpleado"><img  src="../Content/site/images/icono_quitar.png" /></a></td>
											
                                                    </tr>
                                                }
											</table>
                                           	<br><span style="float : none"><a href="/Empleados/Registrar" class="button">Agregar Nuevo</a></span>
										</div>						
								   </form>
                                </div>
								    <br/><span style="float : none">
                                        @if(ViewBag.prevPage > 0){
                                            <a href="javascript:anteriorPagina()"><img src="../Content/site/images/icono_anterior.png" /></a> 
                                        }
                                        
                                        @if(ViewBag.nextPage <= ViewBag.numPages){
                                            <a href="javascript:siguientePagina()"><img src="../Content/site/images/icono_siguiente.png" /></a>
                                        }
                                        </span>
						    </article>
                        </div>
				
				</section>
			</div>
            </div>
		
<!-- / content -->
		
		<script type="text/javascript"> Cufon.now(); </script>

</body>